/*
国际化
1：将i18n插件应用到项目中
2:将element-ui与i18n关联
3：告诉后端前端使用的语言
   请求头告诉：请求拦截中加一个统一请求头 ....lang=i18n.locale
   cookie告诉
      js-cookie 
      jsCookie.set('lang',语言标识)
4：i18n的template部分内容是响应式的，js不是响应式，切换语言要刷新页面
   切换语言刷新网站 this.$router.go(0)
   语言标识 要持久化  
      语言标识 修改了存储到浏览器
      初始值(i18n/index.js中的locale的初始值)读取浏览器存储
5：收集项目中所有页面的内容做成中文语言包（英文语言包其它人完成），收集同时国际化转换代码直接加上
6：导入收集的语言包与对应 的其它语言包
*/

import Vue from 'vue'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import VueI18n from 'vue-i18n'
import jsCookie from 'js-cookie'
import zh from './zh'
import en from './en'
if (!jsCookie.get('lang')) {
  jsCookie.set('lang', 'en')
}
Vue.use(VueI18n)
const i18n = new VueI18n({
  locale: jsCookie.get('lang') || 'en',
  messages: {
    en: {
      he: 'hello',
      ...enLocale,
      ...en
    },
    zh: {
      he: '你好',
      ...zhLocale,
      ...zh
    }
    // xx: {
    //   he: 'xxx'
    // }
  }
})
export default i18n

/*
用法:
  vue的template中用
       <div>你好</div>
       <div>{{$t('he')}}</div>

  js
     import i18n from '@/i18n'
     i18n.t('he')
 切换语言
    vue
      this.$i18n.locale='zh'
    js
      import i18n from '@/i18n'
      i18n.locale='zh'

*/
